<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <div style="text-align: center;display: flex;align-items: center;justify-content: space-between">
      <div></div>
      <h1>水质 总有机碳分析原始记录（B面）</h1>
      <div></div>
    </div>
    <h3 style="margin: 0;font-size: 16px">SXLPHJ/JL/CX-22-129</h3>

    <table class="table" style="margin: 0">
      <tr>
        <td colspan="8" style="text-align: center">
          <div style="display: flex;align-items: center;justify-content: space-between">
            <div></div>
            <span style="font-size: 18px">标准曲线绘制</span>
            <div style="display: flex;align-items: center;">
              <span style="width: 140px;">绘制日期：</span>
              <el-input style="border: 1px solid #ccc;border-radius: 6px" placeholder="请输入"
                        v-model="waterForm.hzrq"></el-input>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>标准物质名称</td>
        <td>标准贮备液批号</td>
        <td>标准贮备液浓度(mg/L)</td>
        <td>贮备液有效日期</td>
        <td>移取贮备液体积(mL)</td>
        <td>定容体积(mL)</td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td>水中有机碳溶液标准物质</td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.bzzbyph"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.bzzbynd"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.zbtyxrq"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.yqzbytj"/>
        </td>
        <td rowspan="2">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.drtj"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.yqzbytj"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szyjry.yqzbytj"/>
        </td>
      </tr>
      <tr>
        <td>水中有机碳溶液标准物质</td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.bzzbyph"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.bzzbynd"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.zbtyxrq"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.yqzbytj"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.yqzbytj"/>
        </td>
        <td>
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="waterForm.szwjtry.yqzbytj"/>
        </td>
      </tr>
      <tr>
        <td>编号</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
      </tr>
      <tr>
        <td></td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh6"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.kb.bh7"></el-input>
        </td>
      </tr>
      <tr>
        <td>TC浓度(mg/L)</td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh6"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.tcnd.bh7"></el-input>
        </td>
      </tr>

      <tr>
        <td>IC浓度(mg/L)</td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh6"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.icnd.bh7"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="2">校准曲线</td>
        <td>TC</td>
        <td colspan="7">
          <div style="display:flex;align-items: center">
            y=
            <el-input placeholder="请输入"
                      v-model="waterForm.y1"></el-input>
            r=
            <el-input placeholder="请输入"
                      v-model="waterForm.r1"></el-input>
          </div>
        </td>
      </tr>
      <tr>
        <td>IC</td>
        <td colspan="7">
          <div style="display:flex;align-items: center">
            y=
            <el-input placeholder="请输入"
                      v-model="waterForm.y1"></el-input>
            r=
            <el-input placeholder="请输入"
                      v-model="waterForm.r1"></el-input>
          </div>
        </td>
      </tr>

    </table>
    <table class="table">
      <tr>
        <td colspan="10" style="text-align: center">曲线校核点测定</td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">样品编号</td>
        <td colspan="2" style="text-align: center">测定结果（ ）</td>
        <td style="text-align: center" colspan="2">相对（）（%）</td>
        <td colspan="2" style="text-align: center">质控要求</td>
        <td colspan="2" style="text-align: center">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.qxjhdcd" :key="index">
        <td style="text-align: center" colspan="2">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="item.qx_bh"/>
        </td>
        <td colspan="2" style="text-align: center">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="item.qx_cdjg"/>
        </td>
        <td style="text-align: center" colspan="2">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="item.qx_xd"/>
        </td>
        <td colspan="2" style="text-align: center">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="item.qx_zkyq"/>
        </td>
        <td colspan="2" style="text-align: center">
          <el-input
              style="width: 100%;border: 1px solid transparent"
              placeholder="请输入"
              v-model="item.qx_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">空白检查</td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">样品编号</td>
        <td style="text-align: center" colspan="4">样品浓度( )</td>
        <td style="text-align: center" colspan="2">质控要求</td>
        <td colspan="2" style="text-align: center">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.kbjc" :key="index">
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_ypbh"/>
        </td>
        <td colspan="4" style="text-align: center">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_ypnd"/>
        </td>
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_zkyq"/>
        </td>
        <td colspan="2" style="text-align: center">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.kb_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">平行样测定</td>
      </tr>
      <tr>
        <td colspan="2">平行样编号</td>
        <td colspan="3">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_1"/>
              )
            </div>
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_2"/>
              )
            </div>
          </div>
        </td>
        <td colspan="3">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_3"/>
              )
            </div>
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_4"/>
              )
            </div>
          </div>
        </td>
        <td colspan="2">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_5"/>
              )
            </div>
            <div style="display: flex;align-items: center">
              (
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.pxycd.bt_6"/>
              )
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2">测定浓度（ ）</td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_1"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_3"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_4"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_5"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.cdnd_6"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-radio-group v-model="waterForm.pxycd.xdpc_1">
            <el-radio value="Value 1">相对偏差</el-radio>
            <el-radio value="Value 2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc_2"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc_3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc_4"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.zkyq_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.zkyq_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.zkyq_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg_1"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg_2"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg_3"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">标准样品测定</td>
      </tr>
      <tr>
        <td colspan="2">样品批号</td>
        <td colspan="3">测定浓度（ ）</td>
        <td colspan="3">标准值（ ）</td>
        <td colspan="2">是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.bzypcd" :key="index">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_ypph"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_cdnd"/>
        </td>
        <td colspan="3">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_bzz"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bz_sfhg"/>
        </td>
      </tr>
      <tr>
        <td colspan="10" style="text-align: center">加标回收样测定</td>
      </tr>
      <tr>
        <td colspan="2">样品编号</td>
        <td colspan="2">标态浓度（ ）</td>
        <td>加标量（ ）</td>
        <td>加标后样品含量/浓度（ ）</td>
        <td>原样品含量/浓度（ ）</td>
        <td>回收率（%）</td>
        <td>质控要求</td>
        <td>是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.jbhsycd">
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_ypbh"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_bznd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbhyphl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_yyphl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_hsl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_zkyq"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_sfhg"/>
        </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="9">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">

.table {
  width: 100%;
  border-collapse: collapse; /* 表格边框合并 */
  text-align: left; /* 默认左对齐 */
  font-size: 14px; /* 字体大小 */
  color: #606266; /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf; /* 表格单元格边框颜色 */
  padding: 10px; /* 单元格内边距 */
}

.table th {
  background: #f5f7fa; /* 表头背景色 */
  font-weight: 600; /* 表头字体加粗 */
  color: #303133; /* 表头字体颜色 */
  text-align: center; /* 表头居中 */
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
